<template>
	<view>
		<view v-if="mode === 1" class="goshop-sex-wom">
			<view v-if="sex === 2" class="iconfont iconfont-woman"></view>
			<view v-else  class="iconfont iconfont-male"></view>
		</view>
		<view v-else class="goshop-sex-boys u-m-l-10">
			   <view v-if="sex === 2" class="iconfont iconfont-female"></view>
			   <view v-else  class="iconfont iconfont-man"></view>
			   <view class="sm-font-size u-m-l-5">{{age}}</view>
		</view>
	</view>
</template>

<script>
	export default {
		name:"goshop-sex",
		props: {
		  mode:{
				type:Number,
				default:1
		  },
		  sex:{
			  type:Number,
			  default:1
		  },
		  age:{
			type:Number,
			default:0  
		  }
		},
		data() {
			return {
				
			};
		}
	}
</script>

<style lang="scss">
.goshop-sex-wom{
	position: absolute;
	right: 0;
	bottom: 0;
}
.goshop-sex-img{
	position: absolute;
	bottom: 0;
	right: 0;
}
</style>